﻿/* Common */
html, body { min-height: 100%; }
body { overflow-x: auto; overflow-y: scroll; font-size: 14px; font-family: Arial,Helvetica,sans-serif; background: #020001; color: #aaa; }
a, a:visited { cursor: pointer; text-decoration: none; color: #aaa; }
a:hover { text-decoration: none; color: #ff6600; }

.bolder { font-weight: bolder; }
.fleft { float: left; }
.fright { float: right; }
.tcenter { text-align: center; }
.tleft { text-align: left; }
.tright { text-align: right; }
.row { margin-left: 0; margin-right: 0; }

.panel-collapse ul li { background: #171717; }
.panel-collapse ul ul { margin: 0; margin-top: 10px; box-shadow: none; } 
.panel-collapse li li { margin: 0 -15px; border-top: 1px solid #555; border-bottom: 0; padding-left: 30px; }
.panel-collapse li li:first-child { border-top: 1px solid #555 !important; } 
.panel-collapse li li:last-child { padding-bottom: 0; }

.menu { padding: 0; margin: 0; }
.menu > .wrapper { overflow: visible; background: url("/res/cln/img/nav-menu.gif") repeat-x; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7); }
.menu a, .menu li { color: #aaa; }
.menu li:hover > a, .menu li:hover { color: #ff6600; }

.menu ul { padding: 0; margin: 0; background: #171717; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.7); }
.menu li { float: left; display: inline; position: relative; cursor: pointer; font-size: 14px; }
.menu ul > li { text-align: center; }
.menu ul ul { position: absolute; display: none; z-index: 99; }
.menu ul ul ul { left: 100%; top: 0; }
.menu li:hover > ul { display: block; }

.panel { margin-bottom: 5px; border-radius: 0; }
.panel-group { margin-bottom: 5px; }
.thumbnail, .caption { text-align: center; }

.pagination { margin-top: 10px; margin-bottom: 0; }

/* Container */
#container .panel { background: #171717; border: none; }
#container .panel-default > .panel-heading { background: #242424; border: none; color: #aaa; }
#container .panel-collapse > .list-group { border: none; }
#container .form-control { background: #242424; border: 1px solid #555; }
#container .btn-default { color: #aaa; background: #303030; border-color: #555; }
#container .btn-default:hover { color: #aaa; background: #606060; border-color: #888; }
#container .text-primary  { color: #aaa; }
#container .thumbnail { background: #242424; border: 1px solid #555; color: #aaa; }
#container .pagination > li > a, .pagination > li > span { color: #aaa; background: #303030; border-color: #555; }
#container .pagination > li.disabled > a, .pagination > li.disabled > span, .pagination > li.disabled > a:hover { color: #aaa; background: #303030; border-color: #555; }
#container .pagination > li > a:hover { color: #aaa; background: #606060; border-color: #888; }
#container .pagination > li.active > a, .pagination > li.active > span { color: #aaa; background: #606060; border-color: #888; }

#container { width: 100%; margin: 0; padding: 5px 0; }
#container > .wrapper { margin: auto; width: 940px; }
#container #header, #container #content, #container #footer { margin: 0; background: none; border: none; box-shadow: none; }
#header > .wrapper, #content > .wrapper, #footer > .wrapper { padding: 0; margin: 0; }
/* Header */
#header { width: 100%; }
/* Banner */
#banner { padding: 0; }
#banner > .wrapper { height: 150px; background: none; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7); }
#banner > .wrapper img { width: 100%; height: 100%; }
/* Menu */
#mnTop { padding-bottom: 10px; }
#mnTop > .wrapper { height: 60px; }
#mnTop li { width: 188px; }
#mnTop ul li { line-height: 60px; }
#mnTop li li { line-height: 30px; text-align: left; text-indent: 10px; }
#mnTop .menu-bg { bottom: calc(-1 * (0px + 10px)); bottom: -webkit-calc(-1 * (0px + 10px)); border: calc(0px + 10px) solid transparent; border: -webkit-calc(0px + 10px) solid transparent; height: 0; width: 0; border-bottom: 0; }
/* Content */
#content { padding: 0 10px; }
#leftContent { float: left; width: 28%; }
#leftContent .list-group-item { border-top: 1px solid #555; border-radius: 0; }
#leftContent .list-group-item:first-child { border-top: none; }
#rightContent { float: right; width: 70%; }
#pnSlide .panel-body { margin: 0; padding: 0; }
#pnSlide .flex-control-nav { bottom: 20px; z-index: 99; }
#pnSlide .flex-direction-nav a { z-index: 99; }
#slMain .flexslider { background: #242424; min-height: 430px; }
#overlay { z-index: 99; }
#cboxTitle { color: #fff; }
/* Footer */
#footer { padding: 0 10px; font-size: 11px; color: #aaa; }
#footer .wrapper .panel { margin-bottom: 0; }
#footer a, #footer a:visited { text-decoration: none; }
#footer a:hover { text-decoration: none; }

/* index.html */
#pnNewItems .col-width { float: left; padding: 0 10px; width: 25%;}
#pnNewItems .thumbnail { height: 180px; }

/* items/list.html */
#pnItems .col-width { float: left; padding: 0 10px; width: 25%; }
#pnItems .thumbnail { height: 180px; }

/* items/detail.html */
#pnItemInfo .col-width-1 { float: left; padding: 0; width: 35%; }
#pnItemInfo .col-width-2 { float: left; padding: 0; width: 65%; }
#pnItemInfo .col-width-3 { float: left; padding: 0 10px; width: 100%; }
#listExemplar { margin: 10px 20px 0 20px; }
#listRelated { margin: 0 20px; }

/* about.html */
#pnAboutInfo {}

/* gallery.html */
#pnPhoto .thumbnail { padding: 10px; margin-bottom: 10px; }
#pnPhotos .col-width { float: left; padding: 0 10px; width: 16%; }
#pnPhotos .thumbnail { padding: 5px; margin-bottom: 5px; }
#pnPhotos .thumbnail img { width: 100%; }

/* contact.html */
.angular-google-map-container { height: 300px; }
#pnContactInfo .col-width-1 { float: left; padding: 0 10px; width: 100%; }
#pnContactInfo .col-width-2 { float: left; padding: 0 10px; width: 50%; }